import { Layout } from 'antd';
import { useState } from 'react';
import { Link } from '../../components/Link';
import Icons from '../../images/images';
import eventBus from '../../utils/eventBus';
const { Footer } = Layout;

function Footers() {
  const [show, setShow] = useState(true);
  eventBus.addListener('fullScreen', (value: boolean) => {
    setShow(!value);
  })
  if (!show) {
    return <div></div>
  }
  return (
    <Footer className="footerWrapper">
      <div className="section-7 wf-section"></div>
      <div className="section border-top no-padding-vertical wf-section">
        <div className="wrapper">
          <div className="footer-v3">

            <a href="javascript:;" style={{ color: '#81a4f0', fontWeight: "bold" }} className="tv-header__link tv-header__link--logo">
              OLI INCUBATOR
            </a>
            <div className="footer-v3-nav">
              <Link to='/contactUs' >
                Contact Us
              </Link>
              <a href="/home/contact-1"
                className="badge footer-v3-quote">JOIN&nbsp;THE&nbsp;WAITLIST</a></div>
            <div className="footer-bottom">
              <div className="footer-bottom-left">
                <div className="footer-text-left">©2021 Oli Incubator</div>
              </div>
              <div className="footer-bottom-right"><a href="/"
                target="_blank" className="w-inline-block">
                <img
                  src="https://uploads-ssl.webflow.com/5d1f262a719f5884d8fee399/5fb605f10d3d6b58a2414273_Icon_Linkedin.svg"
                  loading="lazy" alt="" /></a></div>
            </div>
          </div>
        </div>
      </div>
    </Footer>
  );
}

export default Footers;
